<form class="form-props-info-scroll layui-form" lay-filter="temProps">
  <div class="form-props-title">
    标签属性
  </div>
  <div class="layui-collapse" lay-accordion>
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">基本属性</h2>
      <div class="layui-colla-content layui-show">
          <div class="form-props-item">
            <label>内容</label>
            <textarea class="layui-textarea temText" name="buttonInfo" optName='temButton'></textarea>
          </div>
          <div class="form-props-item temRadio" temPropOpt='text-align' optName='temButtonCont'>
              <label>对齐方式</label>
              <div>
                  <input type="radio" name="buttonAlign" lay-filter="temRadio" value="left" title="左">
                  <input type="radio" name="buttonAlign" lay-filter="temRadio" value="center" title="中">
                  <input type="radio" name="buttonAlign" lay-filter="temRadio" value="right" title="右">
              </div>
          </div>


          <div class="form-props-item temRadioAttr" temPropOpt='class' optName='temButton'>
              <label>按钮大小</label>
              <div>
                  <input type="radio" name="buttonBtnType" lay-filter="temRadioAttr" value="layui-btn layui-btn-lg temButton" title="大">
                  <input type="radio" name="buttonBtnType" lay-filter="temRadioAttr" value="layui-btn temButton" title="中">
                  <input type="radio" name="buttonBtnType" lay-filter="temRadioAttr" value="layui-btn layui-btn-sm temButton" title="小">
                  <input type="radio" name="buttonBtnType" lay-filter="temRadioAttr" value="layui-btn layui-btn-xs temButton" title="微">
              </div>
          </div>


      </div>
    </div>
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">高级属性</h2>
      <div class="layui-colla-content">

        <div class="addPropsTitle">
          <span>添加属性</span>
          <i class="layui-icon layui-icon-add-1 addProperty"></i>   
        </div>
        <div class="addPropsHandle" optName='temButton' defPropName='class,type'>
          <div class="form-props-input">
            <input type="text" autocomplete="off" class="layui-input propKey">
            <input type="text" autocomplete="off" class="layui-input propVal">
            <i class="layui-icon layui-icon-delete itemDel"></i>   
          </div>

          
        </div>
          <div class="eventProps" optName='temButton'>
              <span>事件</span>
              <div class="form-props-input">
                  <select name="eventPropsKey" lay-filter="eventPropsKey">
                      <option value="">请选择</option>
                      <option value="onclick">onclick</option>
                  </select>
                  <textarea name="eventPropsVal"  class="layui-textarea eventPropsVal"></textarea>
              </div>
          </div>

          <div class="handleMuster">
              <span>操作</span>
              <button type="button" class="layui-btn layui-btn-sm temCustomDialog">
                  自定义对话框设置
              </button>
          </div>

      </div>
    </div>
  </div>
</form>

<script>
    layui.use([], function(){
      var propsHandle = layui.propsHandle;
          // temQuery = new propsHandle();


// ---------init赋值
      propsHandle({
          tableid:$('.form-props-info').attr('tableid'),
          formid:$('.form-props-info').attr('formid')
      });

      // temQuery




//  -----------附加操作---------

  


    });
</script>